﻿<html>
	<head>
		<title>pay2card</title>

		<!-- { IE10 } -->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="MSThemeCompatible" content="yes" />

		<!-- { NO CACHE IE }-->
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<meta http-equiv="pragma" content="no-cache" />  



    	<!-- Google Fonts -->
    	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900" rel="stylesheet">
    	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

		<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
		<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="assets/vendor/fullpage/fullpage.min.css" />
		<link rel="stylesheet" type="text/css" href="assets/vendor/owl.carousel/owl.carousel.min.css">
		<link rel="stylesheet" type="text/css" href="assets/vendor/icofont/icofont.min.css">
		<link rel="stylesheet" type="text/css" href="assets/vendor/boxicons/css/boxicons.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">

	</head>
<body>

	<div id="topbar" class="d-none d-lg-flex align-items-center fixed-top ">
		<div class="container d-flex">
			<div class="contact-info mr-auto">
				<i class="icofont-envelope"></i> <a href="mailto:contact@pay2card.fun">contact@pay2card.fun</a>
				<i class="icofont-phone"></i><a href="#">+1 5589 55488 55</a> 
			</div>
			<div class="social-links">
				<a href="#" class="twitter"><i class="icofont-twitter"></i></a>
				<a href="#" class="facebook"><i class="icofont-facebook"></i></a>
				<a href="#" class="instagram"><i class="icofont-instagram"></i></a>
			</div>
		</div>
	</div>

	<header id="header" class="fixed-top ">
		<div class="container d-flex align-items-center">
			<h1 class="logo mr-auto"><a href="index.html">PAY2CARD</a></h1>
			<!-- Uncomment below if you prefer to use an image logo -->
			<!-- <a href="index.html" class="logo mr-auto"><img src="img/logo_mir.png" alt="" class="img-fluid"></a> -->

			<nav class="nav-menu d-none d-lg-block">
				<ul id="nav-menu">
					<li data-menuanchor="home" class="active"><a href="#home">Главная</a></li>
					<li data-menuanchor="services"><a href="#services">Услуги</a></li>
					<li data-menuanchor="pricing"><a href="#pricing">Тарифы и комиссия</a></li>
					<li data-menuanchor="security"><a href="#security">Безопасность</a></li>
					<li data-menuanchor="agreement"><a href="#agreement">Публичная оферта</a></li>
					<li data-menuanchor="about"><a href="#about">О нас</a></li>
					<li data-menuanchor="contact"><a href="#contact">Контакты</a></li>
				</ul>
			</nav><!-- .nav-menu -->
		</div>
	</header>

	<main id="fullpage">
	    <section id="section-home">
	        <div class="fp-bg" style="background-image: url('img/background/bg-001.jpg')"></div>
	        <div class="fp-content container">
				<div class="row mb-4">
                    <div class="col-lg-6">
                        <div class="text-container">
                            <h1><small>Добро пожаловать в сервис</small><br>ОПЛАТА КАРТОЙ</h1>
                            <p>Платежный сервис PAY2CARD помогает осуществлять регулярные платежи. Такие как оплата коммунальных услуг, штрафов ГИБДД, налогов, мобильной связи, интернета и ТВ, а также позволяет совершать переводы с карты на карту по всей территории России.</p>
                            <div class="container">
								<div class="row d-flex">
						          <div class="under_box_shadow col-lg-3 col-md-3 col-3 mx-2">
						            <img src="img/logo/200x150/mastercard-logo.png" class="img-fluid" alt="">
						          </div>
						          <div class="under_box_shadow col-lg-3 col-md-3 col-3 mx-2">
						            <img src="img/logo/200x150/visa-logo.png" class="img-fluid" alt="">
						          </div>
						          <div class="under_box_shadow col-lg-3 col-md-3 col-3 mx-2">
						            <img src="img/logo/200x150/mir-logo.png" class="img-fluid" alt="">
						          </div>
						        </div>
                            </div>

                            <a class="btn-outline-lg mt-5" href="#services">Перейти к оплате</a>
                        </div>
                    </div>
                    <div class="col-lg-6">
                    	<img src="img/card_001.png" alt="" class="img-fluid">
                    </div>
                </div>
	        </div>
	    </section>

	    <section id="section-services">
	        <div class="fp-bg" style="background-image: url('img/background/bg-015.jpg')"></div>
			<article id="services-menu" data-anchor="services-menu">
				<div class="fp-content d-flex">
					<div class="container">
						<div class="row justify-content-center mb-4">
							<div class="col-lg-8">
								<div class="text-container text-center">
									<h2 class="text-white shadow-lg"><small>Оплата услуг</small><br>ВЫБЕРИТЕ КАТТЕГОРИЮ</h2>
								</div>
							</div>
						</div>
						<div class="row justify-content-center">
				          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0 mb-4">
				            <div class="group-box w-100 text-center" style="cursor: pointer;" onclick="window.location='#services/service-mobile'">
				              <div class="icon"><i class="bx bx-mobile"></i></div>
				              <h3 class="text-truncate">Мобильная связь</h4>
				            </div>
				          </div>
				          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0 mb-4">
				            <div class="group-box w-100 text-center" style="cursor: pointer;" onclick="window.location='#services/service-communal'">
				              <div class="icon"><i class="bx bx-building-house"></i></div>
				              <h3 class="text-truncate">Коммунальные услуги</h4>
				            </div>
				          </div>
				          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0 mb-4">
				            <div class="group-box w-100 text-center" style="cursor: pointer;" onclick="window.location='#services/service-internet'">
				              <div class="icon"><i class="bx bx-tv"></i></div>
				              <h3 class="text-truncate">Телевидение и интернет</h4>
				            </div>
				          </div>
				          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0 mb-4">
				            <div class="group-box w-100 text-center" style="cursor: pointer;" onclick="window.location='#services/service-wallet'">
				              <div class="icon"><i class="bx bxs-wallet"></i></div>
				              <h3 class="text-truncate">Электронные кошельки</h4>
				            </div>
				          </div>
				          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0 mb-4">
				            <div class="group-box w-100 text-center" style="cursor: pointer;" onclick="window.location='#services/service-card'">
				              <div class="icon"><i class="bx bx-credit-card"></i></div>
				              <h3 class="text-truncate">Пополнение банковских карт</h4>
				            </div>
				          </div>
				          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0 mb-4">
				            <div class="group-box w-100 text-center" style="cursor: pointer;" onclick="window.location='#services/service-others'">
				              <div class="icon"><i class="bx bx-dots-horizontal-rounded"></i></div>
				              <h3 class="text-truncate">Разное</h4>
				            </div>
				          </div>
						</div>						
					</div>
				</div>
			</article>
	    </section>

	    <section id="section-pricing">
	    	<div class="fp-bg" style="background-image: url('img/background/bg-026.jpg')"></div>
			<article id="pricing-intro" data-anchor="pricing-intro">
				<div class="overlay overlay-bg1_1"></div>
				<div class="fp-content overlay d-flex">
					<div class="container align-self-center">
						<div class="row justify-content-center">
							<div class="col-lg-8">
								<div class="text-container text-center">
									<h2 class="text-white shadow"><small>Тарифы и комиссия</small><br>ВЫГОДНЫЕ ТАРИФЫ НА ВСЕ УСЛУГИ</h2>
									<p>Наша компания подобрала для Вас самые выгодные тарифы на оплату услуг пластиковой картой.</p>
									<a class="btn-solid-lg" href="#pricing/pricing-detail" >Ознакомиться с тарифами</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</article>

			<article id="pricing-detail" data-anchor="pricing-detail">
				<div class="overlay overlay-bg1_2"></div>
				<div class="fp-content container">
					<div class="row justify-content-center align-items-center">
						<div class="col-lg-8">
							<div class="text-container text-center">
								<h2 class="text-white shadow"><small>Тарифы и комиссия</small></h2>
							</div>
							<table class="table table-bordered table-hover table-dark">
							  <thead class="thead-light">
							    <tr>
							      <th scope="col">№</th>
							      <th scope="col">Торговое название</th>
							      <th scope="col">Юридическое наименование</th>
							      <th scope="col">Комиссия</th>
							    </tr>
							  </thead>
							  <tbody>
							    <tr>
							      <th scope="row">1</th>
							      <td>Yota</td>
							      <td>ООО "Скартел"</td>
							      <td>5%</td>
							    </tr>
							    <tr>
							      <th scope="row">2</th>
							      <td>Мегафон</td>
							      <td>ПАО "МегаФон"</td>
							      <td>5%</td>
							    </tr>
							    <tr>
							      <th scope="row">3</th>
							      <td>Билайн</td>
							      <td>ПАО "Вымпелком"</td>
							      <td>5%</td>
							    </tr>
							  </tbody>
							</table>
						</div>
					</div>
				</div>
			</article>
	    </section>

	    <section id="section-security">
	    	<div class="fp-bg" style="background-image: url('img/background/bg-008.jpg')"></div>
			<article id="security-intro" data-anchor="security-intro">
				<div class="overlay overlay-bg1_1"></div>
				<div class="fp-content overlay d-flex">
					<div class="container align-self-center">
						<div class="row justify-content-center">
							<div class="col-lg-8">
								<div class="text-container text-center">
									<h2 class="text-white shadow"><small>Безопасность</small><br>ВАШИ ДАННЫЕ ПОД НАДЕЖНОЙ ЗАЩИТОЙ</h2>
									<p>Платежный сервис PAY2CARD использует современные многоуровневые методы защиты информации и шифрования персональных данных.</p>
									<a class="btn-solid-lg" href="#security/security-detail">Подробно о безопасности</a>
								</div>
							</div>
						</div>
						<div class="row justify-content-center mt-5">
							<div class="info-box m-4 p-3 col-2 col-lg-2 col-md-3 text-center d-none d-md-block d-lg-block d-xl-block">
								<img src="img/logo/300x150/mastercard-securecode-300x150.png" alt="" class="img-fluid">
							</div>
							<div class="info-box m-4 p-3 col-2 col-lg-2 col-md-3 text-center d-none d-md-block d-lg-block d-xl-block">
								<img src="img/logo/300x150/mir-accept-300x150.png" alt="" class="img-fluid">
							</div>
							<div class="info-box m-4 p-3 col-2 col-lg-2 col-md-3 text-center d-none d-md-block d-lg-block d-xl-block">
								<img src="img/logo/300x150/visa-verified-300x150.png" alt="" class="img-fluid">
							</div>						
						</div>						
					</div>
				</div>
			</article>

			<article id="security-detail" data-anchor="security-detail">
				<div class="overlay overlay-bg1_2"></div>
				<div class="fp-content intro container">
					<div class="row align-items-center justify-content-center">
						<div class="col-lg-8">
							<div class="text-container p-4">
								<h2 class="text-white"><small>Безопасность</small></h2>
								<ul class="text-white">
									<li>Платежный сервис PAY2CARD обладает сертификатом соответствия международному стандарту безопасности <strong>PСI DSS</strong> (Payment Card Industry Data Security Standard). Данный стандарт разработан для обеспечения информационной безопасности платежных операций с участием банковских карт и является обязательным требованием для всех компаний, работающих с международными платежными системами Visa и MasterCard.</li>
									<li>Использование сертификата <strong>SSL</strong> (Secure Sockets Layer) обеспечивает безопасность передачи данных. Обмен информацией через сайт происходит по защищенному каналу, что гарантирует конфиденциальность и сохранность сведений.</li>
									<li>Для подтверждения платежа используется технология <strong>3-D Secure</strong>. В процессе оплаты владельцу банковской карты отправляется SMS с одноразовым кодом. Его нужно ввести в диалоговое окно на сайте – для подтверждения операции. Таким образом, все платежи производятся только с согласия владельца карты.</li>
									<li>При совершении операции клиент вводит трехзначный код <strong>CVC/CVV</strong>, подтверждающий подлинность карты и тот факт, что платеж совершает лицо, физически владеющее картой. Данный код НЕ сохраняется в Платежном сервисе А3 – каждый раз при осуществлении оплаты его нужно вводить повторно.</li>
									<li>Также для подтверждения ряда действий на сайте Платежного сервиса А3, таких как смена пароля, редактирование личных данных и других, применяется идентификация пользователя с помощью одноразового пароля, который отправляется на номер мобильного телефона. Сведения об одноразовых паролях не хранятся в Платежном сервисе А3.</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</article>
	    </section>

	    <section id="section-agreement">
	    	<div class="fp-bg" style="background-image: url('img/background/bg-009.jpg');"></div>
			<article id="agreement-intro" data-anchor="agreement-intro">
				<div class="overlay overlay-bg1_1"></div>
				<div class="fp-content overlay d-flex">
					<div class="container align-self-center">
						<div class="row justify-content-center">
							<div class="col-lg-8">
								<div class="text-container text-center">
									<h2 class="text-white shadow"><small>Публичная оферта</small><br>ПРАВИЛА И ГАРАНТИИ</h2>
									<p class="text-left">Наша компания подобрала для Вас самые выгодные тарифы на оплату услуг пластиковой картой.</p>
									<a class="btn-solid-lg" href="#agreement/agreement-detail" >Ознакомиться</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</article>

			<article id="agreement-detail" data-anchor="agreement-detail">
				<div class="overlay overlay-bg1_2"></div>
				<div class="fp-content container">
					<div class="row justify-content-center align-items-center">
						<div class="col-lg-8">
							<div class="text-container text-center">
								<h2 class="text-white"><small>Публичная оферта</small></h2>
								<p>Наша компания подобрала для Вас самые выгодные тарифы на оплату услуг пластиковой картой.</p>
							</div>
						</div>
					</div>
				</div>
			</article>
	    </section>

	    <section id="section-about">
	        <div class="fp-bg" style="background-image: url('img/background/bg-016.jpg')"></div>
			<article id="about-intro" data-anchor="about-intro">
				<div class="overlay overlay-bg1_1"></div>
				<div class="fp-content overlay d-flex">
					<div class="container align-self-center">
						<div class="row justify-content-center">
							<div class="col-lg-8">
								<div class="text-container text-center">
									<h2><small>О нас</small><br>ПОМОГАЕМ СОВЕРШАТЬ ПЛАТЕЖИ</h2>
									<p class="text-left">Платежный сервис PAY2CARD помогает осуществлять регулярные платежи. Система облегчает оплату коммунальных услуг, штрафов ГИБДД, налогов, образования, мобильной связи, Интернета и ТВ, а также позволяет совершать переводы с карты на карту по всей территории России. Главная задача сервиса – обеспечить вам удобную и быструю оплату всех рутинных ежемесячных платежей в «одном окне».</p>
									<a class="btn-solid-lg" href="#about/about-detail">Узнать больше</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</article>

			<article id="about-detail" data-anchor="about-detail">
				<div class="overlay overlay-bg1_2"></div>
				<div class="fp-content container">
					<div class="row justify-content-center align-items-center">
						<div class="col-lg-8">
							<div class="text-container">
								<h2 class="text-white"><small>О нас</small></h2>
								<ul class="text-white">
									<li>Платежный сервис PAY2CARD помогает осуществлять регулярные платежи. Система облегчает оплату коммунальных услуг, штрафов ГИБДД, налогов, образования, мобильной связи, Интернета и ТВ, а также позволяет совершать переводы с карты на карту по всей территории России.</li>
									<li>Главная задача сервиса – обеспечить вам удобную и быструю оплату всех рутинных ежемесячных платежей в «одном окне».</li>
									<li>Платежный сервис PAY2CARD работает в тесном сотрудничестве с предприятиями жилищно-коммунального сектора по всей России, государственными учреждениями, крупными операторами связи, Интернет-провайдерами, ведущими российскими банками и платежными системами, а также Порталом государственных платежей.</li>
									<li>Наши дружелюбные операторы Контакт-Центра всегда готовы ответить на все Ваши вопросы. Контакт-Центр работает с понедельника по пятницу с 09:00 до 18:00.</li>
								</ul>								
							</div>
						</div>
					</div>
				</div>
			</article>
	    </section>

	    <section id="section-contact">
	        <div class="fp-bg" style="background-image: url('img/background/bg-028.jpg')"></div>
			<article id="contact-intro" data-anchor="contact-intro">
				<div class="overlay overlay-bg1_1"></div>
				<div class="fp-content d-flex">
					<div class="container align-self-center">
						<div class="row justify-content-center">
							<div class="col-lg-8">
								<div class="text-container text-center">
									<h2><small>Контакты</small><br>СВЯЖИТЕСЬ С НАМИ</h2>
									<p class="text-left">Платежный сервис PAY2CARD помогает осуществлять регулярные платежи. Система облегчает оплату коммунальных услуг, штрафов ГИБДД, налогов, образования, мобильной связи, Интернета и ТВ, а также позволяет совершать переводы с карты на карту по всей территории России. Главная задача сервиса – обеспечить вам удобную и быструю оплату всех рутинных ежемесячных платежей в «одном окне».</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</article>

			<article id="contact-form" data-anchor="contact-form">
				<div class="overlay overlay-bg1_2"></div>
				<div class="fp-content container">
					<div class="row justify-content-center align-items-center">
						<div class="col-lg-8">
							<div class="text-container">
								<h2 class="text-white"><small>О нас</small></h2>
								<ul class="text-white">
									<li>Платежный сервис PAY2CARD помогает осуществлять регулярные платежи. Система облегчает оплату коммунальных услуг, штрафов ГИБДД, налогов, образования, мобильной связи, Интернета и ТВ, а также позволяет совершать переводы с карты на карту по всей территории России.</li>
									<li>Главная задача сервиса – обеспечить вам удобную и быструю оплату всех рутинных ежемесячных платежей в «одном окне».</li>
									<li>Платежный сервис PAY2CARD работает в тесном сотрудничестве с предприятиями жилищно-коммунального сектора по всей России, государственными учреждениями, крупными операторами связи, Интернет-провайдерами, ведущими российскими банками и платежными системами, а также Порталом государственных платежей.</li>
									<li>Наши дружелюбные операторы Контакт-Центра всегда готовы ответить на все Ваши вопросы. Контакт-Центр работает с понедельника по пятницу с 09:00 до 18:00.</li>
								</ul>								
							</div>
						</div>
					</div>
				</div>
			</article>
	    </section>		    
	</main>


	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

	<script type="text/javascript" src="assets/vendor/fullpage/scrolloverflow.js"></script>
	<script type="text/javascript" src="assets/vendor/fullpage/fullpage.parallax.min.js"></script>
	<script type="text/javascript" src="assets/vendor/fullpage/fullpage.extensions.min.js"></script>
	<script type="text/javascript" src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>

	<script Language="JavaScript">

		new fullpage('#fullpage', {
			anchors: ['home', 'services', 'pricing', 'security', 'agreement', 'about', 'contact'],
			menu: '#nav-menu',
			slidesNavigation: false,
			scrollingSpeed: 1000,
			controlArrows: false,
			scrollOverflow: true,
			controlArrows: false,
			paddingTop: '0em',
			sectionSelector: "section",
			slideSelector: "article",
			responsiveSlides: true,
			normalScrollElements: "#element, .element",
			verticalCentered: false,

	        licenseKey: 'INSERT YOUR FULLPAGE LICENSE KEY HERE',

	        parallax: true,
	        parallaxKey: 'INSERT YOUR EXTENSION KEY HERE',
	        parallaxOptions: {
	        	type: 'reveal',
	        	percentage: 62,
	        	property: 'translate'
	        },

			afterSlideLoad: function( section, origin, destination, direction){
				
			},

			onLeave: function(index, nextIndex, direction) {

    		}
		});

	</script>

</body>
</html>